<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<!-- 时间：2018-07-13
    	   描述：头部  -->
		<div class="head">
		</div>

		<!-- 时间：2018-07-13
    	   描述：头部底下的资料卡   -->
		<div class="head_dat">
			<p class="head_txt">
				姓名
			</p>
		</div>
		<img class="head_img" src="images/touxiang.png" style="width: 70px; height: 70px;" />
		<p class="head_txt_1">
			这个人很懒，什么也没留下,这个人很懒，什么也没留下
		</p>

		<!-- 时间：2018-07-15
    	   描述：卡片底部div -->
		<div class="card_div"></div>

		<!-- 时间：2018-07-15
    	   描述：轮播导航 -->
		<div id="Gallery" class="mui-slider" >
			<div class="mui-slider-group">
				<div class="mui-slider-item">
					<ul class="mui-table-view mui-grid-view mui-grid-9">
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
							<a href="curriculum.html">
								<img src="images/icon1.png" />
								<div class="mui-media-body">班级管理</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
							<a href="myclass.html">
								<img src="images/icon2.png" />
								<div class="mui-media-body">课程安排</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
							<a href="phonebook.html">
								<img src="images/icon3.png" />
								<div class="mui-media-body">学员通知</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-slider-item">
					<ul class="mui-table-view mui-grid-view mui-grid-9">
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
							<a href="mycore.html">
								<img src="images/icon4.png" />
								<div class="mui-media-body">考试通知</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
							<a href="studentdetails.html">
								<img src="images/icon5.png" />
								<div class="mui-media-body">活动通知</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
							<a href="teacherdetails.html">
								<span class="mui-icon mui-icon-more"></span>
								<div class="mui-media-body">。。。通知</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-slider-item">
					<ul class="mui-table-view mui-grid-view mui-grid-9">
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
							<a href="#">
								<span class="mui-icon mui-icon-phone"></span>
								<div class="mui-media-body">Phone</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
							<a href="#">
								<span class="mui-icon mui-icon-gear"></span>
								<div class="mui-media-body">Setting</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
							<a href="#">
								<span class="mui-icon mui-icon-info"></span>
								<div class="mui-media-body">about</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>
		</div>
		</div>

		<!-- 时间：2018-07-15
    	   描述：轮播导航底下的div -->
    	<div class="card_div_2"></div>
		
		<!-- 时间：2018-07-15
    	   描述：最新通知 -->
    	<div class="notice">
    		<div class="notice_shuxian"></div>
    		<span class="notice_new">
    			最新通知
    		</span>
    	</div>
    	
    	<!-- 时间：2018-07-15
    	   描述：最新通知底下的图文列表 -->
    	<ul class="mui-table-view">
    	    <li class="mui-table-view-cell mui-media">
    	        <a onclick="shownotifylist(1)">
    	            <img class="mui-media-object mui-pull-left" src="images/pic2.png">
    	            <div class="mui-media-body" style="margin-top: 5%;">
    	                放假通知
    	                <p class="mui-ellipsis">关于全体教职工放假的通知。。。</p>
    	            </div>
    	        </a>
    	    </li>
    	    <li class="mui-table-view-cell mui-media">
    	        <a onclick="shownotifylist(2)">
    	            <img class="mui-media-object mui-pull-left" src="images/pic1.png">
    	            <div class="mui-media-body" style="margin-top: 5%;">
    	                日常通知
    	                <p class="mui-ellipsis">关于本学期所有的日常通知</p>
    	            </div>
    	        </a>
    	    </li>
    	    <li class="mui-table-view-cell mui-media">
    	        <a onclick="shownotifylist(3)">
    	            <img class="mui-media-object mui-pull-left" src="images/pic3.png">
    	            <div class="mui-media-body" style="margin-top: 5%;">
    	                紧急通知
    	                <p class="mui-ellipsis">校园近期内的紧急通知</p>
    	            </div>
    	        </a>
    	    </li>
    	</ul>
		
	</body>
	<script type="text/javascript" charset="utf-8">
		mui.init();
		function shownotifylist(a){
			window.location.href="/admin/notifylist?msg_type="+a;
		}
	</script>
</html>